<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>个人</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/sm.min.css">
<link rel="stylesheet" href="css/sm-extend.min.css">
<link rel="stylesheet" href="font/iconfont.css" />
<link rel="stylesheet" type="text/css" href="css/by_m.css" />
</head>

<body>
<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
<div class="page-group"> 
  <!-- 单个page ,第一个.page默认被展示-->
  <div class="page"> 
    <!-- 标题栏 -->
    <header class="bar bar-nav"> <a href="index.html" class="icon iconfont icon-fanhui pull-left"></a>
      <h1 class="title">找人</h1>
    </header>
    
    <!-- 工具栏 -->
    <nav class="bar bar-tab"> <a class="tab-item external" href="#"> <span class="icon iconfont icon-index"></span> <span class="tab-label">首页</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-xuqiu"></span> <span class="tab-label">发需求</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-news"></span> <span class="tab-label">资讯</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-kefu"></span> <span class="tab-label">客服</span> </a> <a class="tab-item external" href="#"> <span class="icon iconfont icon-code"></span> <span class="tab-label">求关注</span> </a> </nav>
    
    <!-- 这里是页面内容区 -->
    <div class="content look-for" data-type="">
      <div class="buttons-tab fixed-tab" data-offset="44"> <a href="personal_screen.html" class="button" external>高级筛选</a> <a href="#" class="button name-btn" >名称搜索</a> </div>
      <div class="content-block no-spacing">
        <div class="tabs">
          <div class="tab">
            <div class="content-block"> 123456 </div>
          </div>
          <div class="tab active infinite-scroll">
            <div class="content-block no-spacing">
              <div class="content-padded" id="search-box" style="display: none;">
                <div class="searchbar common-search"> <a class="searchbar-cancel">取消</a>
                  <div class="search-input">
                    <label class="icon icon-search" for="search"></label>
                    <input type="search" id='search' placeholder='输入关键字...' />
                  </div>
                </div>
              </div>
              <a href="personal_detail.html" class="card demand">
              <div class="card-content">
                <div class="avatar-box"> <img src="temp/1.jpg" />
                  <h1>摄影师 <span class="red-color">刘耀文</span>（北京）</h1>
                  <p><i>真</i><i>简</i><i>作品</i><i>保</i></p>
                </div>
                <div class="card-content-inner s-con">
                  <ul>
                    <li><span>从业时间</span>
                      <div>2年</div>
                    </li>
                    <li><span>影片类型</span>
                      <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                    </li>
                    <li><span>作　　品</span>
                      <div>女神的夏天》导演豆子（2015） 《Ba my lover》导演蒋红讯（2015）</div>
                    </li>
                  </ul>
                </div>
              </div>
              </a> <a href="personal_detail.html" class="card demand">
              <div class="card-content">
                <div class="avatar-box"> <img src="temp/1.jpg" />
                  <h1>摄影师 <span class="red-color">刘耀文</span>（北京）</h1>
                  <p><i>真</i><i>简</i><i>作品</i><i>保</i></p>
                </div>
                <div class="card-content-inner s-con">
                  <ul>
                    <li><span>从业时间</span>
                      <div>2年</div>
                    </li>
                    <li><span>影片类型</span>
                      <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                    </li>
                    <li><span>作　　品</span>
                      <div>女神的夏天》导演豆子（2015） 《Ba my lover》导演蒋红讯（2015）</div>
                    </li>
                  </ul>
                </div>
              </div>
              </a> <a href="personal_detail.html" class="card demand">
              <div class="card-content">
                <div class="avatar-box"> <img src="temp/1.jpg" />
                  <h1>摄影师 <span class="red-color">刘耀文</span>（北京）</h1>
                  <p><i>真</i><i>简</i><i>作品</i><i>保</i></p>
                </div>
                <div class="card-content-inner s-con">
                  <ul>
                    <li><span>从业时间</span>
                      <div>2年</div>
                    </li>
                    <li><span>影片类型</span>
                      <div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
                    </li>
                    <li><span>作　　品</span>
                      <div>女神的夏天》导演豆子（2015） 《Ba my lover》导演蒋红讯（2015）</div>
                    </li>
                  </ul>
                </div>
              </div>
              </a> </div>
            
            <!-- 加载提示符 -->
            <div class="infinite-scroll-preloader">
              <div class="preloader"> </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script> 
<script src="js/config.js" type="text/javascript" charset="utf-8"></script> 
<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script> 
<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script> 
<script src="js/fixed-tab-infinite-scroll.js" type="text/javascript" charset="utf-8"></script> 
<script type="text/javascript">
					$(document).ready(function() {
						$.init();
						$(".name-btn").click(function() {
							$('.content').scrollTop(0);
							$("#search-box").toggle();
						});
					});
					
				</script>
</body>
</html>